<template>
  <div class="adeStaList">
    <el-table :data="tableData" border style="width: 100%">
        <el-table-column prop="name" label="姓名" width="160" />
        <el-table-column prop="attendance" label="出勤率(%)" width="160" />
        <el-table-column prop="late" label="迟到次数" width="160"/>
        <el-table-column prop="early" label="早退次数" width="160"/>
        <el-table-column prop="absenteeism" label="旷工次数" width="160"/>
        <el-table-column prop="department" label="所属部门" width="160"/>
        <el-table-column prop="institution" label="所属机构" />
    </el-table>
    <div class="foot">
        <span>制表人：</span>
        <span>上报日期：</span>
    </div>
  </div>
</template>

<script setup>

const tableData = [
    {
        name:'张三',
        attendance:'6.2%',
        late:'5',
        early:'1',
        absenteeism:'5',
        department:'研发部',
        institution:'科技园',
    },
    {
        name:'张三',
        attendance:'6.2%',
        late:'5',
        early:'1',
        absenteeism:'5',
        department:'研发部',
        institution:'科技园',
    },
    {
        name:'张三',
        attendance:'6.2%',
        late:'5',
        early:'1',
        absenteeism:'5',
        department:'研发部',
        institution:'科技园',
    },
    {
        name:'张三',
        attendance:'6.2%',
        late:'5',
        early:'1',
        absenteeism:'5',
        department:'研发部',
        institution:'科技园',
    },
    {
        name:'张三',
        attendance:'6.2%',
        late:'5',
        early:'1',
        absenteeism:'5',
        department:'研发部',
        institution:'科技园',
    },
    {
        name:'张三',
        attendance:'6.2%',
        late:'5',
        early:'1',
        absenteeism:'5',
        department:'研发部',
        institution:'科技园',
    },
]

</script>

<style scoped>
.foot{
    display:flex;
    justify-content:space-evenly;
}
</style>
